<template>
		<view class="g-dropdown-wrap">
			<view class="g-dropdown">
				<slot></slot>
				<slot name="expand"></slot>
			</view>
			<view class="sub-mask" v-show="maskShow" @click="clickMask">
			</view>
		</view>
</template>

<script>
export default {
	name:'g-dropdown',
	data() {
		return {
			dropChild:[],
			visible:false,
			maskShow:false,
			childValues:[]
		};
	},
	props: {
		
	},
	computed: {
		
	},
	methods: {
		clickMask(){
			this.maskShow = false
			this.dropChild.forEach(item=>{
				//隐藏下拉
				item.dropBarSatus =false
			})
		},
	},
	mounted() {
		
	},
	
};
</script>
<style scoped lang="scss">
	.g-dropdown-wrap{
		width: 100%;
		z-index: 18;
	}
	.sub-mask{
		position: fixed;
		top: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		background: #282828;
		opacity:0.8;
		z-index: 10;
	}
	.g-dropdown{
		position: relative;
		display: flex;
		align-items: center;
		background: #fff;
		justify-content: space-between;
		height: 80rpx;
		z-index: 18;
		border-bottom: 2rpx solid #d9d9d9;
	}
</style>
